<template>
  <div class="min-h-screen bg-gray-50 flex flex-col">
    <!-- 导航栏 -->
    <van-nav-bar
      title="报名成功"
      left-text="返回首页"
      left-arrow
      @click-left="router.push('/')"
      fixed
      placeholder
    />

    <!-- 成功提示 -->
    <div class="flex-1 flex flex-col items-center justify-center px-4 -mt-8">
      <van-image
        src="/img/success.png"
        class="w-32 h-32 mb-6"
      />
      <h1 class="text-2xl font-bold text-gray-800 mb-4">
        报名成功
      </h1>
      <p class="text-gray-500 text-center mb-8 max-w-md">
        感谢您的报名！我们会尽快审核您的信息，并为您推荐合适的匹配对象。
      </p>

      <!-- 操作按钮 -->
      <div class="space-y-4 w-full max-w-md">
        <van-button
          block
          type="primary"
          round
          @click="router.push('/user/' + userId)"
        >
          查看我的资料
        </van-button>
        <van-button
          block
          plain
          round
          @click="router.push('/')"
        >
          返回首页
        </van-button>
      </div>
    </div>

    <!-- 温馨提示 -->
    <!-- <div class="p-4">
      <van-cell-group inset>
        <van-cell title="温馨提示" label="我们会在1-2个工作日内完成资料审核，审核通过后会有专门的红娘与您联系，请保持手机畅通。" />
      </van-cell-group>
    </div> -->
  </div>
</template>

<script setup>
import { useRouter, useRoute } from 'vue-router'

const router = useRouter()
const route = useRoute()
const userId = route.query.id
</script>

<style>
:root {
  --van-cell-group-inset-padding: 12px;
  --van-cell-group-inset-border-radius: 8px;
}
</style> 